<template>
  <VaButton
    class="mr-2 mb-2"
    @click="$vaToast.init({ message: 'primary color', color: 'primary' })"
  >
    primary
  </VaButton>
  <VaButton
    class="mr-2 mb-2"
    @click="$vaToast.init({ message: 'success color', color: 'success' })"
  >
    success
  </VaButton>
  <VaButton
    class="mr-2 mb-2"
    @click="$vaToast.init({ message: 'danger color', color: 'danger' })"
  >
    danger
  </VaButton>
  <VaButton
    class="mr-2 mb-2"
    @click="$vaToast.init({ message: 'warning color', color: 'warning' })"
  >
    warning
  </VaButton>
  <VaButton
    class="mr-2 mb-2"
    @click="$vaToast.init({ message: '#5d0cf8 color', color: '#5d0cf8' })"
  >
    #5d0cf8
  </VaButton>
</template>
